<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>成都市12345话务接电系统</title>
    <meta name="description" content="成都市12345话务接电系统">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/login.css}" rel="stylesheet"/>
    <link th:href="@{/common/css/hm-ui.css?v=4.6.2}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" th:href="@{favicon.ico}"/>
    <style type="text/css">
        label.error {
            position: inherit;
        }
        .btn-success,#tnoBtn{
            background-color: #266fe4;
            border-color: #266fe4;
        }
        .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
            background-color: #266fe4;
            border-color: #266fe4;
        }
    </style>
    <script>
        if (window.top !== window.self) {
            alert('未登录或登录超时。请重新登录');
            window.top.location = window.location
        };
        function equipmentClick(val) {
            document.getElementById("flagInt").value=val;
        }
        function getRandomTelNo() {
            var config = {
                url: ctx+"tno/getRandomTelNo",
                type: "post",
                success: function (data) {
                    $('#txtSubTel').val(data)
                }
            };
            $.ajax(config);
        }
    </script>
</head>
<body class="signin">
<div class="signinpanel">
    <div style="position: absolute;top: 0;left: 0;">
        <img th:src="@{/img/tuoyuan.png}">
    </div>
    <div style="position: absolute;right: 0;bottom: 0;">
        <img th:src="@{/img/chengshi.png}">
    </div>
    <div class="row">
        <div class="col-sm-offset-3 col-sm-6" style="position: absolute;top: 10px;left: 150px;margin-left: 0px;width: 450px">
            <form id="signupForm" autocomplete="off">
                <div class="loginTitle">
                    <h2><strong>成都12345热线平台</strong></h2>
                </div>
                <input type="hidden" th:value="${session.publicKey}" name="publicKey" id="publicKey">
                <input type="text" name="username" class="form-control uname" placeholder="用户名" value="" style="height: 43px !important;"/>
                <input type="password" name="password" class="form-control pword" placeholder="密码" autocomplete="new-password" value="" style="height: 43px !important;"/>
                <div th:if="${captchaEnabled==true}" style="margin-top: 15px;overflow: hidden">
                    <div style="float: left;padding-right: 15px;">
                        <input type="text" name="validateCode" class="form-control code" placeholder="验证码" style="height: 43px !important;width: 150px;margin-bottom: 0;"
                               maxlength="5"/>
                    </div>
                    <div style="float: left; height: 43px;">
                        <a href="javascript:void(0);" title="点击更换验证码">
                            <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" style="height:43px;width:128px;" />
                        </a>
                    </div>
                </div>
                <div class="tnoArea">
                    <input type="button" id="tnoBtn" onclick="getRandomTelNo()" class="form-control"
                           style="letter-spacing: 4px;font-size:13.3px;width:150px;height: 43px !important;margin-top: 15px;margin-bottom:0;"
                           value="随机获取分机号"/>
                    <input type="text" id="txtSubTel" name="tbSubTel" class="form-control code" placeholder="分机号"
                           value="" maxlength="8"
                           style="width:210px;height: 43px !important;margin-top: 15px;margin-bottom:0;"/>
                </div>
                <div style="color: #0a2730; font-weight: 700;margin-top:15px;">
                    <div>
                        <span class="f14">通话设备：</span>
                    </div>
                    <div>
                        <input name="eqc" id="eqGH" type="radio" value="1" onclick="equipmentClick(1)"><label for="eqGH" class="f14 spOrange" style="color: #FF6600">硬话机（耳麦接座机）</label>
                        <input name="eqc" id="eqSh" type="radio" value="-1" onclick="equipmentClick(-1)"><label for="eqSh" class="f14 spLBlue" style="color: #1f90d8">软话机（耳麦接声卡）</label>
                        <input type="hidden" id=flagInt name="tbEqu" value="" /><span id="txtEquTip"></span>
                        <div class="errorInfo">
                            <label for="eqc" class="error"></label>
                        </div>
                    </div>
                </div>
                <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍候..." style="height: 43px !important;">登录</button>
                <div class="signup-footer" style="    padding-top: 5rem;display: flex;flex-direction: column;align-items: center;">
                    <div style="text-align: center;width: 500px;color: #1a1a1a">
                        [[${copyrightYear}]]<br>
                    </div>
                </div>
                <input type="hidden" id="toAct" name="modAct" value="0" />
            </form>

        </div>
    </div>

</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!--[if lte IE 8]><script>window.location.href=ctx+'html/ie.html';</script><![endif]-->
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/common/js/hm-ui.js?v=4.6.2}"></script>
<script th:src="@{/common/login.js}"></script>
<script th:src="@{/common/jsencrypt.js}"></script>
</body>
</html>
